<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I change the layout of the Overview page?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I change the layout of the Overview page?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_91F4E1DF-E383-4270-8869-C323C4EB6734" class="text-block-content">
    <p>Instructors may modify the items and layout of the Overview page in course and project sites. </p>
<p>All users may modify the items and layout of the Overview page in their Home sites.</p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">To access this tool, select Overview from the Tool Menu.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/391/681/original/1643608a-7b27-4e00-9ab6-108bc10f80a1.png" alt="" height="125" width="242">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-the-manage-overview-button-on-the-overview-page">
    <h2 class="step-title screensteps-heading">Select the Manage Overview link in the top navigation.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/391/683/original/84fc13a7-cdeb-422e-8f95-fed80b1a32f4.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/391/683/medium/84fc13a7-cdeb-422e-8f95-fed80b1a32f4.png" alt="" height="475" width="855">
      </a>
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="use-the-arrows-to-move-widgets-to-the-desired-location">
    <h2 class="step-title screensteps-heading">Choose Single or Double column layout.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/391/685/original/c3602470-0e40-4b11-89ec-7fbcb7d00d57.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/391/685/medium/c3602470-0e40-4b11-89ec-7fbcb7d00d57.png" alt="" height="527" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_8A5D788B-1445-4AD1-B182-42628CD15B35" class="text-block-content">
    <p>You may select to view the Overview widgets in a single column or a double column layout.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="use-the-arrows-to-move-widgets-to-the-desired-location_1">
    <h2 class="step-title screensteps-heading">Use the arrows to move widgets to the desired location.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/391/687/original/1fb3d0b7-8987-4972-b05e-8a5578a306a9.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/391/687/medium/1fb3d0b7-8987-4972-b05e-8a5578a306a9.png" alt="" height="527" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_19a5718e-c8d7-4420-b711-1a41a6a9f31e" class="text-block-content">
    <p>You may move items left, right, up, or down using the arrows. </p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="to-remove-a-widget-from-the-page-select-the-x-to-remove">
    <h2 class="step-title screensteps-heading">To remove a widget from the page, select the X next to the widget you want to remove.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/391/689/original/838a24d6-4725-400e-a09d-98853a1bb1dc.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/391/689/medium/838a24d6-4725-400e-a09d-98853a1bb1dc.png" alt="" height="527" width="855">
      </a>
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-to-add-available-widgets-not-currently-on-the-page">
    <h2 class="step-title screensteps-heading">Select + to add Available Widgets not currently on the page.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/391/691/original/32aedc45-adee-4ebd-9557-04fe308e1ac5.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/391/691/medium/32aedc45-adee-4ebd-9557-04fe308e1ac5.png" alt="" height="505" width="855">
      </a>
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-save-once-you-have-finished-modifying-the-page-to-save-your-changes">
    <h2 class="step-title screensteps-heading">Select Save once you have finished modifying the page to save your changes.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/391/693/original/ca81b504-fbe1-40bf-b904-170cdc530115.png" alt="" height="58" width="178">
  </div>
 
  </div>


</div>
</div></div>
</body>
</html>
